<template>
  <div>
    <scroll class="content">
     <ul>
       <li>liubiao1</li>
       <li>liubiao2</li>
       <li>liubiao3</li>
       <li>liubiao4</li>
       <li>liubiao5</li>
       <li>liubiao6</li>
       <li>liubiao7</li>
       <li>liubiao8</li>
       <li>liubiao9</li>
       <li>liubiao10</li>
       <li>liubiao11</li>
       <li>liubiao12</li>
       <li>liubiao13</li>
       <li>liubiao14</li>
       <li>liubiao15</li>
       <li>liubiao16</li>
       <li>liubiao17</li>
       <li>liubiao18</li>
       <li>liubiao19</li>
       <li>liubiao20</li>
       <li>liubiao21</li>
       <li>liubiao22</li>
       <li>liubiao23</li>
       <li>liubiao24</li>
       <li>liubiao25</li>
       <li>liubiao26</li>
       <li>liubiao27</li>
       <li>liubiao28</li>
       <li>liubiao29</li>
       <li>liubiao30</li>
       <li>liubiao31</li>
       <li>liubiao32</li>
       <li>liubiao33</li>
       <li>liubiao34</li>
       <li>liubiao35</li>
       <li>liubiao36</li>
       <li>liubiao37</li>
       <li>liubiao38</li>
       <li>liubiao39</li>
       <li>liubiao40</li>
       <li>liubiao41</li>
       <li>liubiao42</li>
       <li>liubiao43</li>
       <li>liubiao44</li>
       <li>liubiao45</li>
       <li>liubiao46</li>
       <li>liubiao47</li>
       <li>liubiao48</li>
       <li>liubiao49</li>
       <li>liubiao50</li>
     </ul>
    </scroll>
  </div>
</template>


<script>
import Scroll from '@/components/common/scroll/Scroll.vue'


export default {
components: {
   Scroll
   },
 name:"Profile",

}
</script>

<style scoped>
.content{
  height: 300px;
  background-color: pink;
  overflow: hidden;

}
</style>
